.content { width: 1200px; margin: 0 auto; }
            .header { height: 213px; background: #fff;  position:relative;}
            .welcome { background: #F9F9F9; height: 34px; line-height: 34px; overflow: hidden; font-size: 12px; }
            .welcome a { display: inline-block; color: #9C9C9C; padding-left: 15px; margin-left: 14px; position: relative; -o-transition: all .3s ease; transition: all .3s ease; }
            .welcome a:before { position: absolute; content: ""; height: 10px; width: 1px; background: #9C9C9C; left: 0; top: 13px; }
            .welcome a:first-child:before { display: none; }
            .welcome a:hover { color: #005AA0; }
            .header .h_con { height: 128px; }
            .header .logo { float: left; padding-top: 34px; }
            .header .logo img { width: 127px; }
            .header .slogan { float: left; margin-top: 45px; margin-left: 25px; padding-left: 18px; position: relative; letter-spacing: 1px; }
            .header .slogan:before { position: absolute; content: ""; width: 1px; height: 37px; background: rgba(51, 51, 51, .15); left: 0; top: 2px; }
            .header .slogan em { font-style: normal; font-size: 20px; color: #333; line-height: 1; font-weight: bold; display: block; }
            .header .slogan span { display: block; font-size: 15px; color: #999; line-height: 1; margin-top: 6px; font-weight: normal; }
            .header .h_contact { float: right; min-height: 44px; margin-top: 42px; padding-left: 51px; background: url(images/h_tel.png) no-repeat left center; }
            .header .h_contact span { font-size: 15px; color: #333; line-height: 1; display: block; margin-bottom: 3px; margin-top: 2px; }
            .header .h_contact em { color: #005AA0; display: block; font-weight: bold; font-size: 26px; line-height: 26px; font-style:normal; }
            .header .menu { background: #0059A0; height: 51px; }
            .header .menu li {  float: left;  overflow: hidden; }
            .header .menu li>a:after { position: absolute; content: ""; width: 100%; height: 0; background: #72BD38; left: 0; bottom: 0; transition: .3s ease; -o-transition: .3s ease; z-index: -1; }
            .header .menu li>a {padding: 0 26px; display: block; font-size: 16px; color: #fff; line-height: 51px; position: relative; z-index: 2; }
            .header .menu li.cur>a, .header .menu li:hover>a { font-weight: bold; }
            .header .menu li.cur>a:after, .header .menu li:hover>a:after { height: 100%; }
            .search { display: block; width: 32px; height: 32px; background: #73BD3A; border-radius: 50%; cursor: pointer; position: relative; margin-top: 10px; }
            .s_key { position: absolute; top: 41px; right: 0; width: 238px; height: 50px; z-index: 9; display: none; background: #fff; }
            .s_key #keywords { width: 170px; height: 50px; line-height: 50px; padding-left: 20px; border: none; font-size: 14px; color: #000; float: left; }
            .s_key .sub { width: 48px; height: 50px; background: #73BD3A url(images/s_btn.png) no-repeat center; border: none; cursor: pointer; }
            .submenu{    overflow: hidden;display: none;
    position: absolute;
    width: 100%;
    top: 213px;
    z-index: 99;
    background: #fff;
    padding: 33px 0 59px;    left: 0; line-height:0;font-size:0;text-align: center;}
            .submenu p{width: 12.5%;
            display: inline-block;
            line-height: 0;
            }
            .submenu p i {display: block;width: 95px;height: 95px;margin:0 auto;overflow: hidden;transition: .3s ease; -o-transition: .3s ease;}
            .submenu p img{
                width: 95px;margin:0 auto;
            }
            .submenu p span{display: block;font-size: 16px;color: #999;line-height: 1;transition: .3s ease; -o-transition: .3s ease;}
            .submenu p:hover span{font-weight:bold;color: #005aa0;}
            /*.submenu p:hover i{box-shadow: 0 4px 10px 2px rgba(0, 90, 160, .22);}*/
            .submenu p i{filter:grayscale(100%);-webkit-filter:grayscale(100%); opacity:.63;}
            .submenu p:hover i{filter:grayscale(0);-webkit-filter:grayscale(0);opacity:1;}
            .submenu1 p i{filter:grayscale(0);-webkit-filter:grayscale(0); opacity:1;}
            .submenu1 p:hover i{filter:grayscale(0);-webkit-filter:grayscale(0);opacity:1;box-shadow: 0 4px 10px 2px rgba(0, 90, 160, .22);}
            .submenu1 p span{margin-top: 15px;}
            .submenu1{padding-bottom: 44px;}
    /*        .submenu p i img{    transition: ease-in-out 0.3s;    -o-transition: ease-in-out 0.3s;}*/
    /*        .submenu p:hover i img{    transform-style: preserve-3d;*/
    /*transform: rotateY(180deg);}*/
            /*修改头部高度，减少空白区*/
           .header{height: 183px;}
           .header .h_con{height: 98px;}
           .header .logo {padding-top: 19px; }
           .header .slogan { margin-top: 30px;}
           .header .h_contact { margin-top: 15px;}
           .submenu{padding: 10px 0 30px;top: 183px;}
           .submenu1{padding: 20px 0;}
        

.footer { background: #444444 !important; height: 498px; padding-top: 68px; }
.f_logo { float: left; padding-top: 10px; padding-left: 22px; line-height: 0; text-align: center; height: 308px }
.f_qr { width: 111px; height: 127px; background: #fff; margin: 42px 0 0 10px; position: relative }
.f_qr:before { width: 4px; height: 29px; background: #005AA0; position: absolute; content: ""; left: 58px; top: -29px }
.f_qr img { display: block; width: 86px; height: 86px; margin: 0 auto; padding: 11px 0 10px }
.f_qr span { display: block; font-size: 13px; line-height: 100%; color: #999 }
.f_menu { float: right }
.f_menu dl { background: url(images/f_bg.png) no-repeat left top; float: left; padding-left: 20px; margin-left: 46px }
.f_menu dt a { display: block; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 18px }
.f_menu dd a { display: block; font-size: 14px; line-height: 36px; color: #999; -o-transition: all .3s ease; transition: all .3s ease }
.f_menu a:hover { color: #fff }
.f_menu dl:last-child { margin-left: 32px }
.f_menu dl:nth-child(4) { margin-left: 30px }
.f_menu dl:nth-child(2) { margin-left: 0 }
.f_menu dl:first-child { width: 272px }
.f_menu dl:first-child dd a { width: 153px }
.f_menu dl:first-child dd a:nth-child(2), .f_menu dl:first-child dd a:nth-child(4) { width: 119px; float: left }
.f_menu dl:first-child dd a:nth-child(1), .f_menu dl:first-child dd a:nth-child(3) { float: left }
.f_contact { margin-top: -15px;padding-left: 50px; background: url(images/f_tel.png) no-repeat left top; height: 84px; float: right }
.f_contact span { display: block; font-size: 15px; line-height: 19px; color: #ebebeb }
.f_contact em { display: block; font-style: normal; font-size: 24px; line-height: 100%; color: #ebebeb; font-weight: 700 }
.f_info { height: 95px; background: #383838; line-height: 95px; font-size: 14px; color: #999 }
.f_info .content { margin-top: 105px;position: relative; height: 95px }
.f_info .fl span { margin-left: 15px; margin-right: 15px }
.f_info .fl a { color: #999; margin-right: 64px }
.f_info .fr a { font-size: 14px; line-height: 95px; color: #999; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block }
.f_info .fr .hotpro { display: inline-block }
.f_info .fr span { font-size: 14px; line-height: 95px; color: #999; -o-transition: all .3s ease; transition: all .3s ease; position: relative; padding: 0 10px; margin: 0 10px; cursor: pointer; }
.f_info .fr span:before, .f_info .fr span:after { position: absolute; content: ""; width: 1px; height: 12px; background: #999; top: 4px }
.f_info .fr span:before { left: 0 }
.f_info .fr span:after { right: 0 }
.f_info .fr a:hover, .f_info .fr .hotpro:hover span { color: #fff }
.f_info .fr li { width: 145px; height: 33px; background: #efefef; border-radius: 4px; text-align: center; margin-top: 2px }
.f_info .fr li a { font-size: 14px; line-height: 33px; color: #383838; display: block; -o-transition: all .3s ease; transition: all .3s ease }
.f_info .fr ul { width: 145px; position: absolute; right: 34px; bottom: 66px; display: none; z-index: 9 }
.f_info .fr ul li:hover a { color: #005AA0 }

            .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }

        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0059a0;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0059a0;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }